<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./lipinka.css">
    <link rel="stylesheet" href="./swiper.min.css">

    <title>Document</title>
</head>

<body>
    <div class="nav">
        <div class="left-nav">
            <img src="https://jr.tuniu.com/exweb/images/main_logo.png" alt="">
        </div>
        <div class="right-nav">
            <div class="nav-img"><img src="https://jr.tuniu.com/exweb/images/weixin_checked.png" alt="">
                <div class="weixin">
                    <p>礼品卡服务号：tn18805144717</p>
                    <img src="https://jr.tuniu.com/exweb/images/weixin_erweima.JPG" alt="">
                    <span>礼品卡微信，扫一扫咨询。</span>
                </div>
            </div>
            <p>网站无障碍</p>
            <p>关怀版</p>
        </div>
    </div>
    <div class="swiper" style="width: 100%; height: auto;">
        <div class="swiper-container" style="width: 100%; height: auto;">
            <div class="swiper-wrapper" style="width: 100%; height: auto;">
                <div class="swiper-slide"><img  style="width: 100%;" src="https://jr.tuniu.com/exweb/images/banner_qiye.jpg" alt=""></div>
                <div style="width: 100%;" class="swiper-slide"><img src="https://jr.tuniu.com/exweb/images/banner_geren.png" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="content">
        <div class="left-content">
            <div class="top-left-content">
                <p style="font-size: 19px; color: #000; border-bottom: 3px solid green;">服务中心
				</p>
                <span style="font-size: 16px; color: #fff;">使用规则</span>
                <p style="font-size: 16px; color: #444; margin-left: 20px;">常见问题</p>
            </div>
            <div class="contents">
                <div class="left-contents"><img src="https://jr.tuniu.com/exweb/images/mark.png" alt=""><p>使用</p><p style="margin-top: 20px;">规则</p></div>
                <div class="right-contents">
                    <p>1、 途牛旅游网是途牛礼品卡唯一的销售渠道，禁止以获利为目的进行二次销售。</p>
                    <p>2、 途牛礼品卡自生效之日起计算有效期，有效期及使用范围以合同约定为准，应在有效期内及适用范围内进行使用。</p>
                    <p>3、
                        礼品卡是会员专享工具，遵守先充值后使用原则，即礼品卡在首次使用时会绑定到会员账户。绑定后的礼品卡限该会员账户使用，但礼品卡支付的订单出游人不受限制，用户可登陆会员中心点击礼品卡查看余额。</p>
                    <p>4、
                        有效期内可以在途牛旅游网预定途牛自营产品时全额使用（在出游过程中的消费，均不可使用），不受使用次数、金额等条件限制。</p>
                    <p>5、 同时使用礼品卡和现金支付订单，发生取消订单时，礼品卡支付部分会退回会员账户内，不予兑现。</p>
                    <p>6、 礼品卡可以与网站其他促销优惠活动同时使用，不受额度限制，可以全额使用。</p>
                    <p>7、途牛礼品卡，超过有效期仍有未消费余额的客户，可提出延期申请，延期时限为一年。办理延期每次收取延期金额10%手续费，50元封顶，采用直接扣取礼品卡金额的方式。</p>
                    <p>8、礼品卡购买时若需要发票，请提前说明或在具体选项前标明，在预订产品时，礼品卡支付部分不再提供发票。</p>
                </div>
            </div>
        </div>
        <div class="right-contents">
            <div class="first-contents">
                <img src="https://jr.tuniu.com/exweb/images/icon01.png" alt="">
                <div class="second">
                    <p style="margin: 5px 0 3px 50px;">绑定充值</p>
                <span style="margin: 5px 0 3px 50px;">价格更优</span>
                </div>
            </div>
            <div class="first-contents">
                <img src="https://jr.tuniu.com/exweb/images/icon02.png" alt="">
                <div class="second">
                    <p style="margin: 5px 0 3px 50px;">企业申请</p>
                <span style="margin: 5px 0 3px 50px;">私人定制</span>
                </div>
            </div>
            <div class="first-contents">
                <img src="https://jr.tuniu.com/exweb/images/icon03.png" alt="">
                <div class="second">
                    <p style="margin: 5px 0 3px 50px;">在线客服</p>
                <span style="margin: 5px 0 3px 50px;">专项服务</span>
                </div>
            </div>
            <p style="font-size: 16px; color: #000; width: 240px; height: 21px; margin: 10px 0;">咨询热线</p>
            <span style="font-size: 21px; color: #ff8c00; width: 240px;
            height: 27px;">4007999999</span>
            <div class="third-content">
                <div class="third-contents">
                    <img src="https://jr.tuniu.com/exweb/images/songliyoumianzi.png" alt="">
                    <p>送礼有面子</p>
                </div>
                <div class="third-contents">
                    <img src="https://jr.tuniu.com/exweb/images/fulishangdangci.png" alt="">
                    <p>福利上档次</p>
                </div>
            </div>
            <div class="third-content">
                <div class="third-contents">
                    <img src="https://jr.tuniu.com/exweb/images/jiagegengyouhui.png" alt="">
                    <p>价格更优惠</p>
                </div>
                <div class="third-contents">
                    <img src="https://jr.tuniu.com/exweb/images/daxiegengchengyi.png" alt="">
                    <p>答谢更诚意</p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
</script>
</html>